<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    无序列表
    <ul>
        <li>1111</li>
        <li>1111</li>
        <li>1111</li>
    </ul>

    有序列表
    <ol>
        <li>aa</li>
        <li>aa</li>
        <li>aa</li>
    </ol>

    <!-- 快捷操作
    ol>li{bbb}*4 -->

    自定义列表
    <dl>
        <dt>早餐</dt>
        <dd>包子</dd>
        <dd>豆浆</dd>
        <dt>晚餐</dt> 
        <dd>烤肉</dd>
    </dl>

    <!-- 最大的块级标签，可以包含任何body标签，大盒子 -->
    <div>
       <h1>111 <i>333</i></h1>
       <p>马克西姆完成完成我</p>
    </div>

    <!-- 最大的行内标签，可以包含任何行内标签，小盒子 -->
    <span>
        <i>111</i><u>333</u>
    </span>

    <!-- <span>
        <h1>111</h1>
    </span> -->

    <!-- 块级标签 ：可以包含任何body标签 
    行内标签 : 只能包含行内标签
    行内块标签:可以包含行内和行内块 -->
</body>
</html>